<template>
  <div>
    <!-- 使用对象的方式 父级传子级 -->
    <MyProduct2
      v-for="obj in list"
      :key="obj.id"
      :tobj="obj"
      @kan="changeFn"
    ></MyProduct2>
    <!-- @kan 就是 通过子级的$emit传递过来的方法 -->
    <!-- 给自己的@kan绑定一个方法  -->
    <!-- changeFn这个方法来控制父级点了按钮 触发的情况 -->
  </div>
</template>

<script>
import MyProduct2 from "./components/MyProduct2";
export default {
  data() {
    return {
      list: [
        {
          id: 1,
          proname: "超级好吃的棒棒糖",
          proprice: 18.8,
          info: "开业大酬宾, 全场8折",
        },
        {
          id: 2,
          proname: "超级好吃的大鸡腿",
          proprice: 34.2,
          info: "好吃不腻, 快来买啊",
        },
        {
          id: 3,
          proname: "超级无敌的冰激凌",
          proprice: 14.2,
          info: "炎热的夏天, 来个冰激凌了",
        },
      ],
    };
  },
  components: {
    MyProduct2,
  },
  methods: {
    changeFn(index) {
      console.log("砍死" + index);
    },
  },
};
</script>

<style></style>
